<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">
	  	 
<h:body>	  
	<ui:composition template="/template.xhtml">
	<ui:define name="title">
		Index
	</ui:define>
	
	<ui:define name="header">
		<p:panel id="panel-controlUsuario" rendered="#{carroCompraMB.usuarioTO.nombre == null}">
			Ud no se encuentra logeado, si ya esta registrado ingrese 
			<p:commandLink value="aqui" onclick="PF('dlg-identificarse').show()"/>
			si aun no esta registrado puede hacerlo 
			<p:commandLink value="aca"/>
		</p:panel>
		
		<p:panel id="panel-logeado" rendered="#{carroCompraMB.usuarioTO.nombre != null}">
			<h:outputText value="Bienvenido #{carroCompraMB.usuarioTO.nombre} #{carroCompraMB.usuarioTO.apellido}"/>
		</p:panel>
		
		<p:panel id="panel-carro">
			<h:outputText value="Carro: "/>						
			<h:outputText value=" Hay #{carroCompraMB.datosMostrarTO.cantidadProductos} producto en el carro" id="panel-primertexto"/>
			<h:outputText value=" Total: $ #{carroCompraMB.datosMostrarTO.totalCompra} " id="panel-segundotexto" />
			<h:form>			
				<p:commandLink value="Editar" actionListener="#{carroCompraMB.obtenerDetalles}" oncomplete="PF('dlg-editarCarro').show()" update=":tabla-editar"/>
			</h:form>
		</p:panel>
										
		<p:dialog widgetVar="dlg-identificarse" header="Ingrese sus datos" showEffect="fade" modal="true" id="dlgIdentificarse">						
			<p:panel>					
				<h:form prependId="false">
				
					<p:inputText value="#{carroCompraMB.usuarioTO.nombreUsuario}" id="nombre-usuario" placeholder="Nombre de usuario"  maxlength="35" required="true" requiredMessage="Debe ingresar su nombre de usuario"/>					
					<p:message for="nombre-usuario" />
					
					<p:password value="#{carroCompraMB.usuarioTO.pass}" id="password-usuario" placeholder="Password"  maxlength="35" required="true" requiredMessage="Debe ingresar su contraseña"/>					
					<p:message for="password-usuario" />
																		
					<p:commandButton actionListener="#{carroCompraMB.identificarUsuario}" value="Loguearme" icon="ui-icon-search" oncomplete="PF('dlg-identificarse').hide()" id="btn-identificarse" update=":panel-controlUsuario :panel-logeado"/>							
				</h:form>
			</p:panel>															
		</p:dialog>
		
	</ui:define>
	
	<ui:define name="content">
		<ui:include src="/listar.xhtml"></ui:include>
		<ui:include src="/editarCarro.xhtml"></ui:include>
	</ui:define>
	
	</ui:composition>
</h:body>

</html>

